<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网思</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/reset.css">
</head>

<body>

    <!-- 头部 -->
    <div id="header">
        <h1 title="网思"></h1>
        <ul class="nav">
            <li><a href="#">首页</a></li>
            <li><a href="#">关于网思</a></li>
            <li><a href="#">网思服务</a></li>
            <li><a href="#">网思案例</a></li>
            <li><a hr ef="#">网思动态</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
        <p>400-008-0408</p>
    </div>
    <!-- 轮播图 -->
    <div id="bg">
        <img src="images/bigbg.jpg" alt="">
    </div>
    <!-- 网思服务 -->
    <div id="box1">
        <div class="box1-top">
            <h2>网思服务</h2>
            <p>WEBTHINK <span>SERVICE</span></p>
        </div>
        <ul class="box1-bottom">
            <li>
                <a href="#">
                    <span></span>
                    <strong>高端网站建设</strong>
                    <p>
                        网思品牌源于2007年，专注于高端定制网站建设。十年品牌积淀，我们只做我们擅长的事。</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <span></span>
                    <strong>手机网站建设</strong>
                    <p>
                        网思品牌源于2007年，专注于高端定制网站建设。十年品牌积淀，我们只做我们擅长的事。</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <span></span>
                    <strong>微信应用开发</strong>
                    <p>
                        网思品牌源于2007年，专注于高端定制网站建设。十年品牌积淀，我们只做我们擅长的事。</p>

                </a>
            </li>
            <li>
                <a href="#">
                    <span></span>
                    <strong>手机APP开发</strong>
                    <p>
                        响应不同的浏览终端，pc、手机、pad打造专业的统一化、 一体化互联网形象</p>

                </a>
            </li>
        </ul>
    </div>
    <!-- 网思案例 -->
    <div id="box2">
        <div class="box2-top">
            <h2>网思案例</h2>
            <p>CASE <span>OF WEBTHINK</span></p>
        </div>
        <div class="box2-bottom">
            <a href="#" class="a1">
                <div class="xs">
                    <span></span> <span>天桥沟森林公园</span>
                </div>
            </a>
            <a href="#" class="a2">
                <div class="xs">
                    <span></span> <span>天桥沟森林公园</span>
                </div>
            </a>
            <a href="#" class="a3">
                <div class="xs">
                    <span></span> <span>天桥沟森林公园</span>
                </div>
            </a>
            <a href="#" class="a4">
                <div class="xs">
                    <span></span> <span>天桥沟森林公园</span>
                </div>
            </a>
            <a href="#" class="a5">
                <div class="xs">
                    <span></span> <span>天桥沟森林公园</span>
                </div>
            </a>
            <a href="#" class="a6">
                <div class="xs">
                    <span></span> <span>天桥沟森林公园</span>
                </div>
            </a>
            <a href="#" class="a7">
                <div class="xs">
                    <span></span> <span>天桥沟森林公园</span>
                </div>
            </a>
            <a href="#" class="a8">
                <div class="xs">
                    <span></span> <span>天桥沟森林公园</span>
                </div>
            </a>
        </div>
        <div class="jiantou">

        </div>
    </div>
    <!-- 网思动态 -->
    <div id="box3">
        <div class="box3-top">
            <h2>网思动态</h2>
            <p>WEBTHINK <span>NEWS </span></p>
        </div>
        <div class="box3-bottom">
            <a href="#">
                <h6><span>02/03</span><br>2017</h6>
                <p class="p1">集团公司如何更好的建设官网</p>
                <p class="p2">作为集团公司网站，网站需要与公众媒体，上级领导，内部员工，投资合作者，应聘者，消费者和供应商</p>
                <strong>></strong>
                <div class="yc">
                    <div class="top">
                    </div>
                    <div class="bottom">
                        <h4>网站建设的意义是什么</h4>
                        <p>网站建设对公司的意义 : 网站内容可以随时更新,网站信息量阔从空间大，没有时空限制，可随时随地</p>
                    </div>
                </div>
            </a>
            <a href="#">
                <h6><span>02/03</span><br>2017</h6>
                <p class="p1">集团公司如何更好的建设官网</p>
                <p class="p2">作为集团公司网站，网站需要与公众媒体，上级领导，内部员工，投资合作者，应聘者，消费者和供应商</p>
                <strong>></strong>
                <div class="yc">
                    <div class="top">
                    </div>
                    <div class="bottom">
                        <h4>网站建设的意义是什么</h4>
                        <p>网站建设对公司的意义 : 网站内容可以随时更新,网站信息量阔从空间大，没有时空限制，可随时随地</p>
                    </div>
                </div>
            </a>
            <a href="#">
                <h6><span>02/03</span><br>2017</h6>
                <p class="p1">集团公司如何更好的建设官网</p>
                <p class="p2">作为集团公司网站，网站需要与公众媒体，上级领导，内部员工，投资合作者，应聘者，消费者和供应商</p>
                <strong>></strong>
                <div class="yc">
                    <div class="top">
                    </div>
                    <div class="bottom">
                        <h4>网站建设的意义是什么</h4>
                        <p>网站建设对公司的意义 : 网站内容可以随时更新,网站信息量阔从空间大，没有时空限制，可随时随地</p>
                    </div>
                </div>
            </a>
            <a href="#" style="margin-right: 0;">
                <h6><span>02/03</span><br>2017</h6>
                <p class="p1">集团公司如何更好的建设官网</p>
                <p class="p2">作为集团公司网站，网站需要与公众媒体，上级领导，内部员工，投资合作者，应聘者，消费者和供应商</p>
                <strong>></strong>
                <div class="yc">
                    <div class="top">
                    </div>
                    <div class="bottom">
                        <h4>网站建设的意义是什么</h4>
                        <p>网站建设对公司的意义 : 网站内容可以随时更新,网站信息量阔从空间大，没有时空限制，可随时随地</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="btn">LOAD MORE</div>
    </div>
    <!-- 联系我们 -->
    <div id="box4">
        <div class="box4-top">
            <h2>联系我们</h2>
            <p>CONTACT <span>WEBTHINK</span></p>
        </div>
        <div class="box4-bottom">
            <div class="box4-left">
                <h6>
                    北京市通州区阳光好东东61栋-801
                </h6>
                <p class="p01">010-85175347（总机） / 52459737 （售后）</p>
                <p>010-85175347（总机）</p>
                <p>总机:010-85175347</p>
                <p>sales@webthink.com.cn</p>
            </div>
            <form action="#" class="box4-right">
                <input type="text" class="text" placeholder="您的姓名">
                <input type="text" class="text" placeholder="您的联系方式">
                <textarea name="" id=""></textarea>
                <input type="submit" class="sub" value="提交您的请求">
            </form>
        </div>
    </div>
    <!-- 底部 -->
    <div id="footer">
        <div class="footer-top">
            点击展开地图
            <img src="images/arr1.jpg" alt="">
        </div>
        <div class="footer-center">
            <div class="bgbox">

                <div class="footer-box" style="margin-right: 110px;">
                    <h5>关于网思</h5>
                    <p>我们是谁</p>
                    <p>我们服务的客户</p>
                    <p>我们的团队</p>
                    <p>
                        客户监控系统
                    </p>
                </div>
                <div class="footer-box" style="margin-right: 110px;">
                    <h5>关于网思</h5>
                    <p>我们是谁</p>
                    <p>我们服务的客户</p>
                    <p>我们的团队</p>
                    <p>
                        客户监控系统
                    </p>
                </div>
                <div class="footer-box">
                    <h5>关于网思</h5>
                    <p>我们是谁</p>
                    <p>我们服务的客户</p>
                    <p>我们的团队</p>
                    <p>
                        客户监控系统
                    </p>
                </div>
                <div class="footer-box" style="padding-top: 40 px;">

                    <p>我们是谁</p>
                    <p>我们服务的客户</p>
                    <p>我们的团队</p>
                    <p>
                        客户监控系统
                    </p>
                </div>
                <div class="footer-box">
                    <h5>关于网思</h5>
                    <p>我们是谁</p>
                    <p>我们服务的客户</p>
                    <p>我们的团队</p>
                    <p>
                        客户监控系统
                    </p>
                </div>
                <div class="haha">
                    <h5>联系我们</h5>
                    <img src="images/weix_03.jpg" alt="">
                    <p>400-008-0408</p>
                    <span>网思服务热线</span>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            Copyright ©2007 - 2018 webthink.com.cn 网博思创网络技术（北京）有限公司 All Rights Reserved 京ICP备07017583号 百度统计
        </div>
    </div>
    <!-- 固定 -->
    <div id="fix">
        <li>
            <a href="#">

            </a>
        </li>
        <li>
            <a href="#">

            </a>
        </li>
        <li>
            <a href="#">

            </a>
        </li>
        <a href="#" class="a001"></a>
    </div>
</body>

</html>